body,html{
    width: 100%;
    height: 100%;
    background: #e8e8e8;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.header{
    width: 100%;
    .px2rem(height, 100);
    background: white;
    display: flex;
    justify-content: space-around;
    align-items: center;
    .px2rem(font-size,45);
    position: fixed;
   z-index: 88;
    p:nth-child(1){
        font-weight: bolder;
        img{
            .px2rem(width,45);
            .px2rem(height,45);
           }
    }
    p:nth-child(2){
        img{
            .px2rem(width,250);
            .px2rem(height,70);
           
           }
    }
    p:nth-child(3){
        img{
            .px2rem(width,80);
            .px2rem(height,75);
           
           }
    }
}
#banner{
    .px2rem(padding-top,100); 
   
    .carousel-inner{
        
        div{
            img{
               width: 100%;
                .px2rem(height,400);
            }
        }
    }
}
.swiper-container{
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    .px2rem(padding-top,20);
    .swiper-wrapper{
        width: 100%;
        .swiper-slide{
            width: 100%;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            text-align: center;
            dl{
                width: 25%;
                .px2rem(padding-top,18);
                dd{
                    img{
                        .px2rem(width,104);
                        .px2rem(height,104); 
                    }
                }
                dt{
                    .px2rem(font-size,18);  
                    color: #333333;
                }
            }
        }
    }
}
.logo{
    width: 100%;
    .px2rem(padding-top,20);
    img{
        width: 100%;
        .px2rem(height,150); 
    }
}
.box{
    width: 100%;
    .px2rem(padding-top,20);
    p{
        text-align: center;
        .px2rem(font-size,38);
    }
    div{
        width: 33.3%;
        float: left;
        img{
            .px2rem(width,220);
            .px2rem(height,200); 
        }
        .p1{
            .px2rem(font-size,28);
            color: #333333;
        }
        .p2{
            color: #f52a2a;
            .px2rem(font-size,36);
            span{
                text-decoration: line-through;
                color: #333333;
            }
        }
    }
}
.logo1{
    width: 100%;
   
    .px2rem(padding-bottom,20);
    img{
        width: 100%;
        .px2rem(height,270); 
        .px2rem(padding-top,20);
    }
}
.box2{
    div{
        width: 50%;
        float: left;
        text-align: center;
        img{
            .px2rem(width,240);
            .px2rem(height,230);
        }
        .p1{
            .px2rem(font-size,32);
            color: #333333; 
        }
        .p2{
            .px2rem(font-size,28);
            color: #999999; 
        }
    }
    div:nth-child(3){
        img{
            border-top: 1px solid #ccc;
        }
    }
    div:nth-child(4){
         img{
             border-top: 1px solid #ccc;
         }
     }
}
.logo3{
    width: 100%;
    .px2rem(padding-bottom,20);
    img{
        width: 100%;
        .px2rem(height,270); 
        .px2rem(padding-top,20);
    }
}
.box4{
    div{
        width: 50%;
        float: left;
        text-align: center;
        img{
            .px2rem(width,240);
            .px2rem(height,230);
        }
        .p1{
            .px2rem(font-size,32);
            color: #333333; 
        }
        .p2{
            .px2rem(font-size,28);
            color:  #f52a2a; 
        }
    }
   div:nth-child(3){
       img{
           border-top: 1px solid #ccc;
       }
   }
   div:nth-child(4){
        img{
            border-top: 1px solid #ccc;
        }
    }
}
.box5{
    div{
        width: 50%;
        float: left;
        text-align: center;
        img{
            .px2rem(width,240);
            .px2rem(height,230);
        }
        .p1{
            .px2rem(font-size,32);
            color: #333333; 
        }
        .p2{
            .px2rem(font-size,28);
            color:  #999999; 
        }
    }
   div:nth-child(3){
       img{
           border-top: 1px solid #ccc;
       }
   }
   div:nth-child(4){
        img{
            border-top: 1px solid #ccc;
        }
    }
}
.bottom{
    width: 100%;
    .px2rem(height,186);
    .px2rem(padding-top,20);
    .px2rem(padding-bottom,800);
    p:nth-child(1){
        .px2rem(padding-top,70);
        text-align: center;
    }
    p:nth-child(2){
        display: flex;
        justify-content: space-around;
    }
}
.footer{
    z-index: 30;
    width: 100%;
    .px2rem(height,100);
    display: flex;
    background: white;
    text-align: center;
     justify-content: space-around;
      align-items: center;
      position: fixed;
      bottom: 0%;
   
     img{
         .px2rem(width,55);
         .px2rem(height,55);
         margin-top: 2%;
     }
     
}